// category.js
const AV = require('../../utils/av-weapp.js')

Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 主类
    topCategories:[],
    // 子类
    subCategories:[],
    // 高亮
    highlight:['highlight',''],
    // banner 的图片地址
    banner:''
  
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  
  },

  /**
   * 设置图片的宽度
   */
  setImageWidth: function() {
    var screenWidth = getApp().screenWidth;
    var imageWidth = (screenWidth - 130)/3 - 5;
    // 更新数据
    this.setData({
      imageWidth:imageWidth
    });

  },

 /**
  * 设置side高度
  */
  setSideHeight:function() {
    this.setData({
      sidebarHeight:getApp().screenHeight
    });
  },

  tapTopCategory:function(e) {
    var objectId = e.currentTarget.dataset.objectId;
    
    var parent = AV.object.createWithData('Category',objectId);
    this.getCategory(parent);
    
    var index = parseInt(e.currentTaget.dataset.index);
    this.setHightlight(index);

    this.getBanner(parent);
  },

  getCategory:function(parent) {
    var that = this;
    var query = new AV.Query('Category');
    query.equalTo('parent',parent);
    query.ascending('index');
    query.find().then(function (categories) {
      if(parent) {
        that.setData({subCategories:categories});
      } else {
        that.setData({
          topCategories:categories
        });
      }
    }).catch(function(error) {

    });
  },

  setHightlight:function(index) {
    var highlight = [];
    for(var i = 0; i < this.data.topCategories;i++) {
      highlight[i] = '';
    }
    highlight[index] = 'hightlight';
    this.setData({
      highlight:highlight
    });
  },

  avatarTap:function(e) {
    var objectId = e.currentTarget.dataset.objectId;
    wx.navigateTo({
      url: '../../../../goods/list/list?categoryId='+objectId
    });
  },

  getBanner:function(parent) {
    var that = this;
    parent.fetch().then(function() {
      that.setData({
        banner:parent.get('banner').get('url')
      });
    });
  },

  showGoods:function() {
    wx.navigateTo({
      url: '../goods/detail/detail?objectId=5816e3b22e958a0054a1d711',
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})